<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title><include file="./Application/Home/View/Common/title_prefix_text.html"/>粉丝分析</title>
    <include file="./Application/Home/View/Common/head_meta.html"/>

    <link rel="stylesheet" type="text/css" href="__RESPATH__/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="__RESPATH__/css/individual/user_analysis.css"/>
</head>
<body>
<div class="wrap">
    <!--通知栏-->
    <include file="./Application/Home/View/Common/backup/header_nav.html" />

    <!--通知下面的所有区域-->
    <div class="main">
        <!--左侧菜单栏-->
        <include file="./Application/Home/View/Common/backup/nav.html" />
        <!--右侧内容区域-->
        <div class="main_left">
            <div class="headline">粉丝分析</div>
            <include file="./Application/Home/View/Common/backup/platform_public.html" />
            <div bw-columns="" class="bw-columns"></div>
            <div class="analysis_wrap">
                <div class="analysis_cont">
                    <div class="analy_gzrs">
                        <table cellpadding="0" cellspacing="0" width="100%">
                            <thead>
                              <tr>
                                <th colspan="4">
                                  <div class="analy_gzrs_zb">
                                    昨日关键指标
                                    <span class="glyphicon glyphicon-question-sign">
                                      <div class="tip">
                                          <div class="tip_nr">
                                              <div class="wenz">
                                                  <h3>新关注人数</h3>
                                                  <p>新关注的去重用户数</p>
                                              </div>
                                              <div class="wenz">
                                                  <h3>取消关注人数</h3>
                                                  <p>取消关注的去重用户数</p>
                                              </div>
                                              <div class="wenz">
                                                  <h3>净增关注人数</h3>
                                                  <p>净增长的去重关注用户数</p>
                                              </div>
                                              <div class="wenz">
                                                  <h3>累积关注人数</h3>
                                                  <p>当前关注的用户总数</p>
                                              </div>
                                              <div class="wenz">
                                                  <h3>日、周、月</h3>
                                                  <p>分别计算昨日数据相比1天、7天、30天前的变化情况</p>
                                              </div>
                                              <div class="wenz">
                                                  <h3>请注意</h3>
                                                  <p>用户总数根据昨日数据计算，而用户管理模块根据当前实时数据计算，两者可能不一致</p>
                                                  <p>数据从2013年7月1日开始统计。由于服务器缓存，以及指标计算方法和统计时间的差异，数据可能出现微小误差，一般在1%以内。</p>
                                              </div>
                                          </div>
                                          <i class="icon_in"></i>
                                          <i class="icon_out"></i>
                                      </div>
                                    </span>
                                  </div>
                                </th>
                              </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <dl>
                                            <dt>新关注人数</dt>
                                            <dd class="analy_gzrs_num green">0</dd>
                                            <dd>日 <span class="wz"></span></dd>
                                            <dd>周 <span class="wz"></span></dd>
                                            <dd>月 <span class="wz"></span></dd>
                                        </dl>
                                    </td>
                                    <td>
                                        <dl>
                                            <dt>取消关注人数</dt>
                                            <dd class="analy_gzrs_num">0</dd>
                                            <dd>日 <span class="wz"></span></dd>
                                            <dd>周 <span class="wz"></span></dd>
                                            <dd>月 <span class="wz"></span></dd>
                                        </dl>
                                    </td>
                                    <td>
                                        <dl>
                                            <dt>净增关注人数</dt>
                                            <dd class="analy_gzrs_num green">0</dd>
                                            <dd>日 <span class="wz"></span></dd>
                                            <dd>周 <span class="wz"></span></dd>
                                            <dd>月 <span class="wz"></span></dd>
                                        </dl>
                                    </td>
                                    <td>
                                        <dl>
                                            <dt>累积关注人数</dt>
                                            <dd class="analy_gzrs_num">0</dd>
                                            <dd>日 <span class="wz"></span></dd>
                                            <dd>周 <span class="wz"></span></dd>
                                            <dd>月 <span class="wz"></span></dd>
                                        </dl>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="analy_qust">
                        <div class="analy_qust_menu clearfix">
                            <div class="analy_qust_menulf fl clearfix">
                                <div class="dropdown analy_xingz">
                                   <button type="button" class="btn dropdown-toggle" id="analy_qust_rs" 
                                      data-toggle="dropdown">
                                      <span class="wenb">新增人数</span>
                                      <span class="caret"></span>
                                   </button>
                                   <ul class="dropdown-menu" role="menu" 
                                      aria-labelledby="analy_qust_rs">
                                      <li role="presentation">
                                         <a role="menuitem" tabindex="-1" href="javascript:;" value="new_user">新增人数</a>
                                      </li>
                                      <li role="presentation">
                                         <a role="menuitem" tabindex="-1" href="javascript:;" value="cancel_user">取消人数</a>
                                      </li>
                                      <li role="presentation">
                                         <a role="menuitem" tabindex="-1" href="javascript:;" value="add">净增人数</a>
                                      </li>
                                      <li role="presentation">
                                         <a role="menuitem" tabindex="-1" href="javascript:;" value="cumulate_user">累积人数</a>
                                      </li>
                                   </ul>
                                </div>
                                <div class="dropdown analy_laiy">
                                   <button type="button" class="btn dropdown-toggle" id="analy_qust_rs" 
                                      data-toggle="dropdown">
                                      <span class="wenb">全部来源</span>
                                      <span class="caret"></span>
                                   </button>
                                   <ul class="dropdown-menu" role="menu" 
                                      aria-labelledby="analy_qust_rs">
                                      <li role="presentation">
                                         <a role="menuitem" tabindex="-1" href="javascript:;" value="">全部来源</a>
                                      </li>
                                      <li role="presentation">
                                         <a role="menuitem" tabindex="-1" href="javascript:;" value="1">公众号搜索</a>
                                      </li>
                                      <li role="presentation">
                                         <a role="menuitem" tabindex="-1" href="javascript:;" value="30">扫描二维码</a>
                                      </li>
                                      <li role="presentation">
                                         <a role="menuitem" tabindex="-1" href="javascript:;" value="43">图文页右上角菜单</a>
                                      </li>
                                      <li role="presentation">
                                         <a role="menuitem" tabindex="-1" href="javascript:;" value="57">图文页内公众号名称</a>
                                      </li>
                                      <li role="presentation">
                                         <a role="menuitem" tabindex="-1" href="javascript:;" value="17">名片分享</a>
                                      </li>
                                      <li role="presentation">
                                         <a role="menuitem" tabindex="-1" href="javascript:;" value="51">支付后关注</a>
                                      </li>
                                      <li role="presentation">
                                         <a role="menuitem" tabindex="-1" href="javascript:;" value="0">其他合计</a>
                                      </li>
                                   </ul>
                                </div>
                                <div class="dropdown analy_zuij">
                                   <button type="button" class="btn dropdown-toggle" id="analy_qust_rs" 
                                      data-toggle="dropdown">
                                      <span class="wenb">最近30天</span>
                                      <span class="caret"></span>
                                   </button>
                                   <ul class="dropdown-menu" role="menu" 
                                      aria-labelledby="analy_qust_rs">
                                      <li role="presentation">
                                         <a role="menuitem" tabindex="-1" href="javascript:;" value="7">最近7天</a>
                                      </li>
                                      <li role="presentation">
                                         <a role="menuitem" tabindex="-1" href="javascript:;" value="15">最近15天</a>
                                      </li>
                                      <li role="presentation">
                                         <a role="menuitem" tabindex="-1" href="javascript:;" value="30">最近30天</a>
                                      </li>
                                   </ul>
                                </div>
                                <button type="button" id="date-fromto" class="btn btn-default">
                                    <span id="date-fromto-text"></span>
                                    <span class="caret"></span>
                                </button>
                                <div class="analy_qust_date2">
                                  <button type="button" id="date-duibi1" class="btn btn-default">
                                    <span id="date-fromto-text3"></span>
                                    <span class="caret"></span>
                                  </button>
                                  对比
                                  <button type="button" id="date-duibi2" class="btn btn-default">
                                    <span id="date-fromto-text4"></span>
                                    <span class="caret"></span>
                                  </button>
                                </div>
                            </div>
                            <button class="analy_qust_menurgt fr">按时间对比</button>
                        </div>
                        <div class="analy_qust_nr">
                            <h3>趋势图</h3>
                            <div id="trend_ren"></div>
                        </div>
                    </div>
                    <div class="analy_biaog">
                        <div class="analy_biaog_menu clearfix">
                            <button type="button" id="analy-date-fromto" class="btn btn-default fl">
                                <span id="date-fromto-text2"></span>
                                <span class="caret"></span>
                            </button>
                            <div class="analy_biaog_menurgt fr">
                                <a class="download" id="analysis_excel">下载表格</a>
                                <span class="glyphicon glyphicon-question-sign">
                                    <div class="tip">
                                        <div class="tip_nr">
                                            <div class="wenz">
                                                <h3>新关注人数</h3>
                                                <p>新关注的去重用户数</p>
                                            </div>
                                            <div class="wenz">
                                                <h3>取消关注人数</h3>
                                                <p>取消关注的去重用户数</p>
                                            </div>
                                            <div class="wenz">
                                                <h3>净增关注人数</h3>
                                                <p>净增长的去重关注用户数</p>
                                            </div>
                                            <div class="wenz">
                                                <h3>累积关注人数</h3>
                                                <p>当前关注的用户总数</p>
                                            </div>
                                            <div class="wenz">
                                                <h3>日、周、月</h3>
                                                <p>分别计算昨日数据相比1天、7天、30天前的变化情况</p>
                                            </div>
                                            <div class="wenz">
                                                <h3>请注意</h3>
                                                <p>用户总数根据昨日数据计算，而用户管理模块根据当前实时数据计算，两者可能不一致</p>
                                                <p>数据从2013年7月1日开始统计。由于服务器缓存，以及指标计算方法和统计时间的差异，数据可能出现微小误差，一般在1%以内。</p>
                                            </div>
                                        </div>
                                        <i class="icon_in"></i>
                                        <i class="icon_out"></i>
                                    </div>
                                </span>
                            </div>
                        </div>
                        <table cellpadding="0" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th class="time">
                                        时间
                                        <span class="rank">
                                            <i class="rank_up"></i>
                                            <i class="rank_down"></i>
                                        </span>
                                    </th>
                                    <th class="new">
                                        新关注人数
                                        <span class="rank">
                                            <i class="rank_up"></i>
                                            <i class="rank_down"></i>
                                        </span>
                                    </th>
                                    <th class="cancel">
                                        取消关注人数
                                        <span class="rank">
                                            <i class="rank_up"></i>
                                            <i class="rank_down"></i>
                                        </span>
                                    </th>
                                    <th class="add">
                                        净增关注人数
                                        <span class="rank">
                                            <i class="rank_up"></i>
                                            <i class="rank_down"></i>
                                        </span>
                                    </th>
                                    <th class="cumulate">
                                        累积关注人数
                                        <span class="rank">
                                            <i class="rank_up"></i>
                                            <i class="rank_down"></i>
                                        </span>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- <tr>
                                    <td>2015-12-27</td>
                                    <td>0</td>
                                    <td>0</td>
                                    <td>0</td>
                                    <td>0</td>
                                </tr> -->
                                
                            </tbody>
                        </table>

                        <!-- <div id="analysis_paging">
                          <div class="tiaoz">
                            <input type="text" >
                            <button>跳转</button>
                          </div>
                          <div class="paging"></div>

                        </div> -->
                        <div class="paging"></div>
                        <div class="paging2"></div>
                        <!-- <div class="pagingList">
                          <a href="#" class="pagePrev glyphicon glyphicon-triangle-left"> </a>
                          <span class="pageLan"><i class="pageCur">1</i>/<i class="pageTatol">3</i></span>
                          <a href="#" class="pageNext glyphicon glyphicon-triangle-right"> </a>
                          
                        </div> -->
                    </div>
                </div>
                <div class="analysis_cont">
                  <div class="fans">
                    <div class="fans_bt">粉丝属性</div>
                    <div class="fans_nr">
                      <div class="fans_nrup">
                        <div class="sex">
                          <h3>性别分布</h3>
                          <div id="sex_form"></div>
                        </div>
                        <div class="language">
                          <h3>语言分布</h3>
                          <div id="lang_form"></div>
                        </div>
                        <div class="province">
                          <h3>省份分布</h3>
                          <div class="tip"><span class="glyphicon glyphicon-info-sign"> </span>2015年9月对微信用户的地理位置数据进行了优化，带来了省份和城市分布数据的变化。
                          </div>
                          <div class="provin_up clearfix">
                            <div class="provin_uplf fl">
                              <div id="provin_map"></div>
                              <div class="provin_bar clearfix">
                                <div class="color_bar"></div>
                                <span class="max"></span>
                                <span class="min"></span>
                              </div>  
                            </div>
                            <div class="provin_uprgt fr">
                              <table cellpadding="0" cellspacing="0" width="100%" class="fans_bg">
                                  <thead>
                                      <tr>
                                          <th>
                                              省份
                                          </th>
                                          <th>
                                              用户数
                                              <span class="rank">
                                                  <i class="rank_up"></i>
                                                  <i class="rank_down"></i>
                                              </span>
                                          </th>
                                          <th width="220"></th>
                                      </tr>
                                  </thead>
                                  <tbody>
                                      <!-- <tr>
                                          <td>四川省</td>
                                          <td>2</td>
                                          <td><span class="bar" style="width:10%;"></span></td>
                                      </tr>-->
                                  </tbody>
                              </table>
                            </div>
                          </div>
                          <div class="provin_down">
                            <div class="city clearfix">
                              <h4 class="fl">城市分布</h4>
                              <div class="dropdown fl">
                                 <button type="button" class="btn dropdown-toggle" id="city_fb" 
                                    data-toggle="dropdown">
                                    <span class="wenb">全国</span>
                                    <span class="caret"></span>
                                 </button>
                                 <ul class="dropdown-menu" role="menu" 
                                    aria-labelledby="city_fb">
                                    <!-- <li role="presentation">
                                       <a role="menuitem" tabindex="-1" href="#">四川</a>
                                    </li> -->
                                 </ul>
                              </div>
                            </div>
                            <div class="city_yongh">
                              <table cellpadding="0" cellspacing="0" width="100%" class="fans_bg">
                                  <thead>
                                      <tr>
                                          <th>
                                              城市
                                          </th>
                                          <th>
                                              用户数
                                              <span class="rank">
                                                  <i class="rank_up"></i>
                                                  <i class="rank_down"></i>
                                              </span>
                                          </th>
                                          <th width="582"></th>
                                      </tr>
                                  </thead>
                                  <tbody>
                                      <!-- <tr>
                                          <td>成都</td>
                                          <td>2</td>
                                          <td><span class="bar" style="width:10%;"></span></td>
                                      </tr> -->
                                  </tbody>
                              </table>
                              <p class="nodata">暂无数据</p>
                            </div>   
                          </div>
                        </div>
                        <!-- <div class="terminal">
                          <h3>终端分布</h3>
                          <div id="termi_form"></div>
                        </div> -->
                        <!-- <div class="model">
                          <h3>机型分布TOP10</h3>
                          <div class="tip"><span class="glyphicon glyphicon-info-sign"> </span>由于Android机型的版本编码复杂多变，无法合并Android机型的不同版本，请知悉。
                          </div>
                          <div class="model_nr clearfix">
                            <div class="model_nrlf fl" id="model_chart">
                              
                            </div>
                            <div class="model_nrrgt fr">
                              <table cellpadding="0" cellspacing="0" width="100%" class="fans_bg">
                                  <thead>
                                      <tr>
                                          <th>
                                              机型
                                          </th>
                                          <th>
                                              用户数
                                              <span class="rank">
                                                  <i class="rank_up"></i>
                                                  <i class="rank_down"></i>
                                              </span>
                                          </th>
                                          <th width="200"></th>
                                      </tr>
                                  </thead>
                                  <tbody>
                                      <tr>
                                          <td>未知</td>
                                          <td>0</td>
                                          <td><span class="bar" style="width:10%;"></span></td>
                                      </tr>
                                      <tr>
                                          <td>Xiaomi</td>
                                          <td>0</td>
                                          <td><span class="bar" style="width:50%;"></span></td>
                                      </tr>
                                      <tr>
                                          <td>IPhone 4S</td>
                                          <td>0</td>
                                          <td><span class="bar" style="width:0%;"></span></td>
                                      </tr>
                                      <tr>
                                          <td>Meizu</td>
                                          <td>0</td>
                                          <td><span class="bar" style="width:0%;"></span></td>
                                      </tr>
                                      <tr>
                                          <td>IPhone 5</td>
                                          <td>0</td>
                                          <td><span class="bar" style="width:0%;"></span></td>
                                      </tr>
                                      <tr>
                                          <td>IPhone 5C</td>
                                          <td>0</td>
                                          <td><span class="bar" style="width:0%;"></span></td>
                                      </tr>
                                      <tr>
                                          <td>IPhone 5S</td>
                                          <td>0</td>
                                          <td><span class="bar" style="width:0%;"></span></td>
                                      </tr>
                                      <tr>
                                          <td>IPhone 6Plus</td>
                                          <td>0</td>
                                          <td><span class="bar" style="width:0%;"></span></td>
                                      </tr>
                                      <tr>
                                          <td>HONOR</td>
                                          <td>0</td>
                                          <td><span class="bar" style="width:0%;"></span></td>
                                      </tr>
                                      <tr>
                                          <td>Huawei</td>
                                          <td>0</td>
                                          <td><span class="bar" style="width:0%;"></span></td>
                                      </tr>
                                  </tbody>
                              </table>
                            </div>
                          </div>
                        </div> -->
                      </div>
                      <div class="fans_nrbtm">
                        <div class="fans_nrbtm_menu clearfix">
                          <h2 class="fl">属性分布表</h2>
                          <ul class="fl clearfix">
                            <li class="cur"><a href="javascript:;">性别</a></li>
                            <li><a href="javascript:;">语言</a></li>
                            <li><a href="javascript:;">省份</a></li>
                            <li><a href="javascript:;">城市</a></li>
                            <!--<li><a href="javascript:;">终端</a></li>
                            <li><a href="javascript:;">机型</a></li>-->
                          </ul>
                        </div>
                        <div class="fans_nrbtm_cont">
                          <h4>详细数据</h4>
                          <div class="content">
                            <table cellpadding="0" cellspacing="0" width="100%" class="fans_bg">
                                  <thead>
                                      <tr>
                                          <th class="biaot">
                                              性别
                                          </th>
                                          <th>
                                              用户数
                                              <span class="rank">
                                                  <i class="rank_up"></i>
                                                  <i class="rank_down"></i>
                                              </span>
                                          </th>
                                          <th>占比</th>
                                      </tr>
                                  </thead>
                                  <tbody>
                                      <!-- <tr>
                                          <td>男</td>
                                          <td>2</td>
                                          <td>20%</td>
                                      </tr> -->
                                  </tbody>
                              </table>
                            </div>
                        </div>
                      </div>
                    </div> 
                  </div>    
                </div>
            </div>
        </div>
    </div>
    <!-- public -->
    <div class="modal fade modal_modify" id="public" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog" style="width: 740px;">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">选择公众号</h4>
                    </div>
                    <div class="modal-body">在这里添加一些文本</div>
                    <div class="modal-footer public_btn">
                        <button type="button" class="btn-success" data-dismiss="modal">确定</button>
                        <button type="button" class="btn-default" data-dismiss="modal">取消</button>
                    </div>
                </div>
            </div>
    </div>
    <!--页面底部-->
    <include file="./Application/Home/View/Common/footer.html" />
</div>
<include file="./Application/Home/View/Common/backup/public_list.html" />
<script type="text/javascript" data-main="__RESPATH__/js/userAnalysisController.js" src="__RESPATH__/js/libs/require.js"></script>
</body>
</html>